<template>
  <ul class="goods">
    <li v-for="(item, index) in listdata" :key="index.id">
      <div>
        <img :src="item.gurl" :class="{'imgCss':iscss}" alt />
      </div>
      <p>{{item.gtitle}}</p>
    </li>
  </ul>
</template>
<script>
export default {
props:{
    
}
};
</script>
<style lang="scss" scoped>
 .goods {
          margin-top: 0.025rem;
          display: flex;
          flex-wrap: wrap;
          justify-content: space-around;
          li {
            width: 33%;
            list-style: none;
            margin-top: 0.8rem;
            img {
              width: 3.125rem;
              height: 3.125rem;
            }
            .imgCss{
             border:1px solid #f5f5f5;
             width: 3.75rem;
             height:3.75rem;
            }
            p {
              font-size: 0.875rem;
              margin: 0.3125rem 0;
            }
          }
        }
</style>